@charset "utf-8";
@import '_reset.scss';
@import "common";

// 类似我要转让的特殊效果
%before-right-line{
    margin-top: 65px;
    width: 145px;
    margin: 65px  auto 45px auto;
    position: relative;
    width: 145px;
    height: 36px;
    text-align: center;
    h3{
        
        position: absolute;
            width: 400px;
            top: -35%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 22px;
            display: inline-block;
        .h3-text{
            
            &::before{
               content: '';
               display: inline-block;
              border-top: 1px solid $color;
              border-top-left-radius: 10%;
              width: 105px;
              height: 1px;
              margin:0  10px;
               color: $color;
           }
           &::after{
               content: '';
               display: inline-block;
               border-top: 1px solid $color;
               border-top-right-radius: 10%;
               width: 105px;
               height: 1px;
               margin:0  10px;
               color: $color;
           }
          }
          span{
            font-size: 9px;
          }
    }
}



// 我要转让
.zhuan-rang{
    @extend %before-right-line;
    margin-bottom: 41px;
 }
// 登录大盒子
 .login-box{
    justify-content: space-between;
    margin: 0 auto;
    width: 800px;
    height: 258px;
    margin-bottom: 55px;
    display: flex;

    // 登录的多个input框
    form{
        ul{
            li{
                margin-bottom: 28px;
                span:nth-child(1){
                    display: inline-block;
                    width: 70px;
                    height: 20px;
                  
                }
                input.text{
                    background-color: #b3d9ff;
	                box-shadow: -1px -1px 2px 0px #030000;
	                opacity: 0.25;
                }
                input.text.short{
                    width: 97px;
                }
                span.color-red{
                    color: #b30000;
                }
            }
        }
    }


        // 俩个顶部的点击按钮的盒子
        .button-box{
            margin: 0 auto;
            margin-bottom: 19px;
            width:200px;
            height: 24px;
            text-align: center;
            display: flex;
            justify-content: center;
            // 蓝色按钮
            .button-blue{
                width: 93px;
                height: 24px;
                margin-right: 8px;
                background-color:#b3d9ff ;
                border-radius: 3px;               
                span{
                    display: inline-block;
                    padding-top: 5px;
                    width: 57px;
	                height: 15px;
                    font-size: 14px;
                    color: #000000;
                }             
            }
            // 白色按钮
            .button-white{
                background-color: #eeeeee;
                width: 93px;
                height: 24px;
                margin-right: 8px;
                border-radius: 3px;
                span{
                    display: inline-block;
                    padding-top: 5px;
                    width: 57px;
	                height: 15px;
                    font-size: 14px; 
                    color: #000000;
                }
               
            }

        }

        // 底部的蓝色点击按钮
        .button-b-box{
            margin: 0 auto;
            margin-bottom: 19px;
            width:200px;
            height: 24px;
            text-align: center;
            display: flex;
            justify-content: center;
            span{
                display: inline-block;
                padding-top: 5px;
                width: 70px;
                height: 15px;
                font-size: 14px; 
                color: #000000;
            }
            span.color-red{
                color: #b30000;
            }

            .button-b{
                background-color: #b3d9ff;
                width: 93px;
                height: 24px;
                margin-right: 8px;
                border-radius: 3px;
                span{
                    display: inline-block;
                    padding-top: 5px;
                    width: 57px;
                    height: 15px;
                    font-size: 14px; 
                    color: #000000;
                }
            }
    
        }
        




    //  鼎搜图片盒子
        .ding-img-box{
            width: 379px;
	        height: 258px;
            img{
                height: 100%;
                width: 100%;     
            }
        }
 }

